<template>
  <view>
    <button @click="testAPI" type="primary">测试API的使用</button>
  </view>
</template>

<script setup>
  // Vue3 事件回调就是一个普通的函数
  async function testAPI() {
    // 加载提示框
    uni.showLoading({
      title: '正在加载...',
    })

    // await wx.showToast({
    //   success() {},
    // })

    // 在小程序api调用时，如果传入了回调（success、fail、complete）
    // 返回值就不再是 Promise

    //
    await uni.request({
      url: '',
    })

    // uni-app 中 API 能同时支持回调和 Promise
  }
</script>

<style lang="scss"></style>
